@charset 'utf-8';

// header
#header{
    >.header-fir{
        background-color:#F2F2F2 ;
        height:30px;
        line-height:30px;
        border-bottom:1px solid #E5E5E5;

        >.wrapper{
            color:#999999;
            font-size:12px;
            display: flex;
            justify-content:space-between;
    
            >.fir-left>a{
                color:#999999;
                margin-left:20px;
    
                &:hover{
                    color:#FF0036;
                }
            }
    
            >.fir-right{
                float:right;
               
                >ul>li{
                    display: inline-block;
                    line-height:30px;
                    padding: 0 10px;
                    position: relative;
                    z-index: 9999999;
                 
                    >a{
                        color:#999999;
    
                        &:hover{
                             color:#FF0036;
                        }
    
                        >i{
                            color:#FF0036;
                        }
                    }
    
                    >.rotate-tri{
                        position: absolute;
                        right:3px;
                        top:12px;
                        border-width:4px 3px 0 3px;
                        border-color: #999999 transparent transparent transparent ;
                        border-style:solid;
                        transition: all 0.5s;
                    }
    
                    &:hover>.rotate-tri{
                        transform:rotate(180deg);
                    }
    
                    &:nth-child(1),&:nth-child(3){
                        position: relative;
                        padding-right: 15px;
    
                        &:hover{
                            background-color:#fff;
                        }
    
                        >.mygoods{
                            position: absolute;
                            left:-1px;
                            top:28px;
                            width:90px;
                            height:54px;
                            overflow: hidden;
                            line-height:26px;
                            text-align:center;
                            border:1px solid #F2F2F2;
                            border-top:none;
                            visibility: hidden;
                            background-color: #fff;
    
                            >a{
                                color: #666666;
                            }
      
                        }
    
                        &:hover>.mygoods{
                            visibility: visible;
                        }
    
                        &:hover>a{
                            color:#FF0036;
                            text-decoration: underline;
                        }
                    }
    
                    // ----------
                    &:nth-child(6){
                        position: relative;
                        padding-right: 15px;
                        z-index:9999999;
    
                        &:hover{
                            background-color:#fff;
                        }
    
                        >.seller{
                            position: absolute;
                            right:-1px;
                            top:28px;
                            width:140px;
                            height:175px;
                            padding:10px;
                            line-height:26px;
                            border:1px solid #F2F2F2;
                            border-top:0;
                            visibility: hidden;
                            background-color: #fff;
                            
    
                            >ul{
                                border-bottom:1px dotted #666666; 
    
                                >li{
                                    float:left;
                                    line-height:20px;
        
                                    &:nth-child(even){
                                        margin-left:20px;
                                        // background-color:red;
                                    }
        
                                    >a{
                                        color: #666666;
                                    }
    
                                    &:hover>a{
                                        color:#FF0036;
                                        text-decoration: underline;
                                    }
                                }
                            }
    
                        }
                        &:hover>.seller{
                            visibility: visible;
                        }
    
                        &:hover>a{
                            color:#FF0036;
                            text-decoration: underline;
                        }
                    }
    
                    //-----------
                    &:nth-child(7){
                        position: relative;
                        padding-right: 15px;
                        z-index:9999999;
    
                        &:hover{
                            background-color:#fff;
                        }
    
                        >.netnavi{
                            position: absolute;
                            right:-1px;
                            top:30px;
                            width:1200px;
                            height:160px;
                            padding-top:20px;
                            line-height:26px;
                            border:1px solid #F2F2F2;
                            border-top:0;
                            visibility: hidden;
                            background-color: #fff;
                            
                            >div{
                                float:left;
                                height:110px;
                                >span{
                                    display:block;
                                    // line-height:35px;
                                    font-size:20px;
                                    font-weight:400;
                                    margin-left:18px;
                                }
                                
                                &:first-child{
                                    width:472px;
                                    // margin-right:10px;
                                    border-right:1px solid #F5F5F5;
    
                                    >span{
                                        color:#F67716;
                                    }
                                    >ul>li{
                                        width:58px;
                                        margin: 5px 18px 0 18px;
                                        &:hover>a{
                                            color:#F67716;
                                        }
                                    }
                                }
    
                                &:nth-child(2){
                                    width:472px;
                                    border-right:1px solid #F5F5F5;
                                    >span{
                                        color:#3B75D9;
                                    }
    
                                    >ul>li{
                                        width:58px;
                                        margin: 5px 18px 0 18px;
                                        &:hover>a{
                                            color:#3B75D9;
                                        }
                                    }
                                }
    
                                &:nth-child(3){
                                    width:200px;
                                    >span{
                                        color:#777777;
                                    }
    
                                    >ul>li{
                                        width:58px;
                                        margin: 5px 18px 0 18px;
                                        &:hover>a{
                                            color:#777777;
                                        }
                                    }
                                }
                                >ul{
        
                                    >li{
                                        float:left;
                                        line-height:26px;
            
                                        >a{
                                            color: #666666;
                                        }
        
                                        &:hover>a{
                                            // color:#FF0036;
                                            text-decoration: underline;
                                        }
                                    }
                                }
                            }
    
                        }
                        &:hover>.netnavi{
                            visibility: visible;
                        }
    
                        &:hover>a{
                            text-decoration: underline;
                        }
                    } 
                }
            }
    
        }
    }

    >.header-search>.wrapper{
        height:130px;
        position:relative;
        >img{
            position: absolute;
            left:-30px;
            height:130px;
        }

        >form{
            position: absolute;
            left:284px;
            margin-top:34px;

            >.searchinput{
                width:562px;
                height:36px;
                line-height:36px;
                border:1px solid #FF0036;
                border-right:none;
                // padding:2px;

                >input{
                    float:left;
                    width:440px;
                    height:32px;
                    outline:none;
                    border:0;
                    text-indent:1em;
                    color:#000;
                   
                }
                >button{
                    width:120px;
                    height:34px;
                    float:right;
                    // margin-top:1px;
                    outline:none;
                    border:0;
                    background-color:#FF0036;
                    font-size:16px;
                    color:#fff;
                    font-weight:700;
                    cursor:pointer;
                    user-select: none;
                }
            }
        }
    }
    
}

// banner
#banner{
    >.navmain{
        height:36px;
        border-bottom:1px solid #FF0036;
        
        >.wrapper>.goodsclass{
            float:left;
            width:200px;
            height:36px;
            line-height:36px;
            color:#fff;
            font-size:16px;
            background-color:#FF0036;
            font-weight:700;
            

            >i{
                margin:0px 8px;
            }
            
        }

        >.wrapper>ul{

            >li{
                float:left;
                height:36px;
                padding:5px;
                cursor:pointer;
                user-select: none;
                vertical-align:middle;
                >a{
                    color:#000;
                    &:hover{
                        color:#FF0036;
                    }

                    >img{
                        width:100px;
                        height:30px;
                        padding-bottom:3px;
                    }
                }
            }
        }
    }

    >.navdetail{
        background-color: #f77619;
        >.wrapper{
            position:relative;

            >.goodslist{
                position: absolute;
                left:0;
                top:0;
                width:200px;
                height:500px;
                background-color:rgba(49, 46, 46,.5);
                z-index:1000;
                margin-bottom:0;
                
                >li{
                    height:31px;
                    line-height:31px;
                    color:#fff;
                    font-size:14px;
                    font-weight:700;

                    &:hover{
                        background-color:#fff;
                        color:deeppink;
                        >a{
                            color:deeppink;
                        }

                        .allgoods{
                            height:500px;
                        }
                    }

                    >i{
                        margin:0 5px 0px 10px;
                    }

                    >a{
                        color:#fff;
                    }

                    >.allgoods{
                        position:absolute;
                        left:200px;
                        top:0;
                        width:852px;
                        height:0;
                        overflow:hidden;
                        // height:500px;
                        background-color:#FAFAFA;
                        color:#000;


                       >.goodsdetail{
                        width:644px;
                        height:500px;
                        padding: 15px 20px;
                        background-color:#fff;

                        >.goodssort{
                            width:644px;
                            font-size:14px;

                            >span{
                               float:left;
                                width:120px;
                                font-weight:700;
                            }
                            >ul{
                                float:left;
                                width:494px;
                                border-bottom:1px dashed #ECECEC;
                                padding-bottom:10px;
                                margin-bottom:10px;
                                >li{
                                    float:left;
                                    margin-right:10px;
                                    line-height:22px;
                                    font-weight:400;

                                    >a{
                                        color:#000;
                                    }
                                }
                            }
                        }
                       }
                    }
                }
            }

            >#slider{
                width: 1230px;
                height: 500px;
                margin: 0 auto;
                overflow: hidden;
                position: relative;
                >div{
                    width: 10000px;
                    height: 500px;
                    position: absolute;
                    left: 0;
                    font-size: 0;
    
                    >a{
                        display: inline-block;
                        width: 1230px;
                        height: 500px;
    
                        >img{
                            width: 1230px;
                            height: 500px;
                        }
                    }
                }
    
                >span{
                    position: absolute;
                    left: 40%;
                    bottom: 20px;
                    width: 260px;
                    height: 5px;

                    >i{
                        display: inline-block;
                        width: 20px;
                        height: 5px;
                        margin: 0 3px;
                        background-color: rgba(8, 8, 8, .3);
                        cursor:pointer;
                    }
                    >.adactive {
                        background-color: rgb(255, 255, 255, .5) !important;
                    }
                }
                
            }
        }
    }
}

// body

#body{
    // background-color:red;
    background-color:#F5F5F5;
    border-bottom:2px solid #D1D7DC;
    >.wrapper{
        padding-top:50px;

        // 品牌列表
        >.brandlists{

            >.brand-items{
                float:left;
                width:122px;
                height:108px;
                margin-right:1px;
                margin-bottom:1px;
                text-align:center;
                vertical-align: middle;
                background-color:#fff;
                position: relative;

                // &:nth-child(5n){
                //     margin-right:2px;
                // }

                // &:nth-child(10n){
                //     margin-right:0;
                // }

                >img{
                    height:50px;
                    margin-top:35px;
                }

                >a{
                    position:absolute;
                    left:0;
                    top:0;
                    width:100%;
                    height:100%;
                    visibility: hidden;
                    background-color:rgba(8, 8, 8,0);
                    transition: all 0.2s;
                    color:#fff;
                    font-size:12px;
                    display: flex;
                    flex-direction: column;
                    align-items:center;

                    >.brand-title{
                        width:100px;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow:ellipsis;
                        margin-top:35px;
                    }

                    >.enterbrand{
                        width: 63px;
                        height:18px;
                        border-radius:9px;
                        background-color:#FF0036;
                        font-size:12px;
                        margin-top:10px;
                    }
                }

                &:hover>a{
                    visibility: visible;
                    background-color:rgba(8, 8, 8,0.8);
                }
            }

            >.changebrand{
                color:#999999;
                font-size:12px;
                cursor:pointer;
                user-select: none;
                
                &:hover{
                    background: #FE0C3F;
                }
                >i{
                    display: inline-block;
                    margin-top:30px;
                    font-size:24px;
                    transition: all 0.5s;
                }

                &:hover>i{
                    transform:rotate(720deg);
                }

                
            }
        }

        >#tianmaomarket{
            margin-top:20px;

            >.market-logo{
                >img{
                    width:214px;
                    height:25px;
                }
            }

            >.marketgoods{
                margin-top:5px;

                >.import-fruit{
                    position:relative;
                    float:left;
                    width:235px;
                    height:618px;

                    >a{
                       
                        >img{
                            width:235px;
                            height:618px;
                        }

                        >.fruits-intro{
                            position:absolute;
                            left:0;
                            bottom:120px;
                            font-size:18px;
                            color:#fff;
                            z-index:100000;

                            >span:first-child{
                                float:left;
                                width:70px;
                                height:64px;
                                text-align:center;
                                vertical-align:middle;
                                background-color:rgba(5, 5, 5,.6);
                                padding-top:5px;
                            }
                            >span:last-child{
                               float:left;
                                width:128px;
                                height:64px;
                                text-align:center;
                                vertical-align:middle;
                                background-color:rgba(5, 5, 5,.3);
                            }

                        }
                        
                        >.enter-market{
                            position: absolute;
                            left:0;
                            bottom:0;
                            width:235px;
                            height:60px;
                            vertical-align: middle;
                            >img{
                                float:right;
                                width:32px;
                                height:32px;
                                margin-top:15px;
                                margin-right:15px;
                            }
                        }

                        >.market-hover{
                            width:235px;
                            height:618px;
                            position: absolute;
                            left:0;
                            top:0;
                            z-index:1000;
                            transition: all 0.3s linear;
                        }

                    }

                    &:hover>a>.market-hover{
                        background-color:rgba(255, 255, 255,.3);
                    }
                }

                >.othergoods{
                    float:left;
                    width:995px;
                    height:618px;
                    
                    >.limitbox{
                        float:left;
                        width:482px;
                        height:299px;
                        margin-left:13px;
                        margin-bottom:15px;
                        padding:10px;
                        background-color:#fff;

                        >.limitgoods{
                            box-shadow: 0px 0px 3px #e0dddd;

                            >.numlimit{
                                width:464px;
                                height:57px;
                                background-color:#F1F1F1;
                                
    
                                >p{
                                    width:230px;
                                    height:57px;
                                    line-height:57px;
                                    text-align:center;
                                    font-size:18px;
                                    color:#fff;
                                    background-color:#00B262;
                                }
    
                            }
                            >.limitintro{
                                display:block;
                                width:464px;
                                height:225px;
                                background-color:#fff;
                                position:relative;
    
                                >img{
                                    float:right;
                                    margin-right:30px;
                                    margin-top:10px;
                                    width:200px;
                                    height:200px;
    
                                }
    
                                >.freepost{
                                    position: absolute;
                                    left:0;
                                    top:86px;
                                    width:291px;
                                    height:87px;
                                    background:transparent url(../img/market-limit-bg.png) no-repeat;
                                    z-index:10000;
    
                                    >.limittitle{
                                        width:265px;
                                        height:36px;
                                        margin:8px 0 0 26px;
                                        background-color:transparent;
                                        >span{
                                            font-size:24px;
                                            font-weight:700;
                                            margin-left:5px;
                                            color:#00B264;
                                        }
                                    }
    
                                    >span{
                                        font-size:20px;
                                        color:#000;
                                        margin-left:26px;
                                    }
                                    
                                }
                                >.limitshadow{
                                    position: absolute;
                                    left:0;
                                    top:0;
                                    width:464px;
                                    height:225px;
                                    background-color:transparent;
                                    z-index:1000;
                                }
                                
                                &:hover>.limitshadow{
                                    background-color:rgba(255, 255, 255,.4);
                                }
                            }
                        }
                    }

                    >a{
                        float:left;
                        display:flex;
                        flex-direction:column;
                        align-items:center;
                        width:234px;
                        height:300px;
                        background-color:#fff;
                        margin: 0 0 15px 13px;
                        border:1px solid #F1F1F1;
                        position:relative;
                        
                        >img{
                            width:185px;
                            height:185px;
                            margin-top:20px;
                        }

                        >span{
                            position:absolute;
                            left:22px;
                            top:20px;
                            width:185px;
                            height:185px;
                            background-color: transprent;
                            z-index:1000;
                        }
                        >p{
                            color:#000;
                            font-size:14px;
                            width:135px;
                            height:40px;
                            margin:8px 0;
                        }
                        >div{
                            color:red;
                            font-size:18px;
                        }
                        &:hover{
                            border:1px solid red;

                            >span{
                              background-color:rgba(255, 255,255,.3);
                            }
                        }
                    }
                }
            }
        }

        >#tianmaointernation{
            margin-top:20px;

            >.internation-logo{
                >img{
                    width:214px;
                    height:25px;
                }
            }

            >.internationgoods{
                margin-top:5px;

                >.import-goods{
                    float:left;
                    width:235px;
                    height:618px;

                    >a{
                        position:relative;
                        display: inline-block;
                        width:235px;
                        height:301px;
                        // background-color: red;
                        >img{
                            width:235px;
                            height:301px;
                        }

                        >.tianmao-internation{
                            position:absolute;
                            left:0;
                            bottom:60px;
                            font-size:18px;
                            color:#fff;
                            z-index:100000;

                            >span:first-child{
                                float:left;
                                width:70px;
                                height:64px;
                                text-align:center;
                                vertical-align:middle;
                                background-color:rgba(5, 5, 5,.8);
                                padding-top:5px;
                            }
                            >span:last-child{
                               float:left;
                                width:128px;
                                height:64px;
                                text-align:center;
                                vertical-align:middle;
                                background-color:rgba(5, 5, 5,.5);
                            }

                        }
                        
                        >.enter-internation{
                            position: absolute;
                            left:0;
                            bottom:0;
                            width:235px;
                            height:60px;
                            vertical-align: middle;
                            >img{
                                float:right;
                                width:32px;
                                height:32px;
                                margin-top:15px;
                                margin-right:15px;
                            }
                        }

                        >.internation-hover{
                            width:235px;
                            height:301px;
                            position: absolute;
                            left:0;
                            top:0;
                            z-index:1000;
                            transition: all 0.3s linear;
                        }

                    }
                    >a:last-child{
                        margin-top:10px;
                    }

                    &:hover>a>.internation-hover{
                        background-color:rgba(255, 255, 255,.3);
                    }
                }

                >.othergoods{
                    float:left;
                    width:995px;
                    height:618px;
                    
                    >.limitbox{
                        float:left;
                        width:482px;
                        height:299px;
                        margin-left:13px;
                        margin-bottom:15px;
                        padding:10px;
                        background-color:#fff;

                        >.limitgoods{
                            box-shadow: 0px 0px 3px #e0dddd;

                            >.numlimit{
                                width:464px;
                                height:57px;
                                background-color:#F1F1F1;
                                
    
                                >p{
                                    width:230px;
                                    height:57px;
                                    line-height:57px;
                                    text-align:center;
                                    font-size:18px;
                                    color:#fff;
                                    background-color:#00B262;
                                }
    
                            }
                            >.limitintro{
                                display:block;
                                width:464px;
                                height:225px;
                                background-color:#fff;
                                position:relative;
    
                                >img{
                                    float:right;
                                    margin-right:30px;
                                    margin-top:10px;
                                    width:200px;
                                    height:200px;
    
                                }
    
                                >.freepost{
                                    position: absolute;
                                    left:0;
                                    top:86px;
                                    width:291px;
                                    height:87px;
                                    background:transparent url(../img/market-limit-bg.png) no-repeat;
                                    z-index:10000;
    
                                    >.limittitle{
                                        width:265px;
                                        height:36px;
                                        margin:8px 0 0 26px;
                                        background-color:transparent;
                                        >span{
                                            font-size:24px;
                                            font-weight:700;
                                            margin-left:5px;
                                            color:#00B264;
                                        }
                                    }
    
                                    >span{
                                        font-size:20px;
                                        color:#000;
                                        margin-left:26px;
                                    }
                                    
                                }
                                >.limitshadow{
                                    position: absolute;
                                    left:0;
                                    top:0;
                                    width:464px;
                                    height:225px;
                                    background-color:transparent;
                                    z-index:1000;
                                }
                                
                                &:hover>.limitshadow{
                                    background-color:rgba(255, 255, 255,.4);
                                }
                            }
                        }
                    }

                    >a{
                        float:left;
                        display:flex;
                        flex-direction:column;
                        align-items:center;
                        width:234px;
                        height:300px;
                        background-color:#fff;
                        margin: 0 0 15px 13px;
                        border:1px solid #F1F1F1;
                        position:relative;
                        
                        >img{
                            width:185px;
                            height:185px;
                            margin-top:20px;
                        }

                        >span{
                            position:absolute;
                            left:22px;
                            top:20px;
                            width:185px;
                            height:185px;
                            background-color: transprent;
                            z-index:1000;
                        }
                        >p{
                            color:#000;
                            font-size:14px;
                            width:135px;
                            height:40px;
                            margin:8px 0;
                        }
                        >div{
                            color:red;
                            font-size:18px;
                        }
                        &:hover{
                            border:1px solid red;

                            >span{
                              background-color:rgba(255, 255,255,.3);
                            }
                        }
                    }
                }
            }
        }

        >.fashion-brand{
            width:1230px;
            overflow: hidden;
            margin-top:20px;

            >img{
                margin-left:-165px;
            }
        }

        >#beautylife{
            margin-top:20px;

            >.beauty-logo{
                height:28px;
                line-height: 28px;
                // background-color: green;

                >span:first-child{
                    float: left;
                    width:5px;
                    height:18px;
                    background-color:#000;
                    margin-right:10px;
                    margin-top:6px;
                }
                >span:last-child{
                    float: left;
                    height:28px;
                    line-height:28px;
                    font-size:18px;
                    // background-color: #fff;
                    margin-top:0px;
                    
                }

            }

            >.beautygoods{
                margin-top:5px;

                >.new-cloth{
                    position:relative;
                    float:left;
                    width:235px;
                    height:618px;

                    >a{
                       
                        >img{
                            width:235px;
                            height:618px;
                        }

                        >.beauty-intro{
                            position:absolute;
                            left:0;
                            bottom:120px;
                            font-size:18px;
                            color:#fff;
                            z-index:100000;

                            >span:first-child{
                                float:left;
                                width:70px;
                                height:64px;
                                text-align:center;
                                vertical-align:middle;
                                background-color:rgba(5, 5, 5,.6);
                                padding-top:5px;
                            }
                            >span:last-child{
                               float:left;
                                width:128px;
                                height:64px;
                                text-align:center;
                                vertical-align:middle;
                                background-color:rgba(5, 5, 5,.3);
                            }

                        }
                        
                        >.enter-beauty{
                            position: absolute;
                            left:0;
                            bottom:0;
                            width:235px;
                            height:60px;
                            vertical-align: middle;
                            >img{
                                float:right;
                                width:32px;
                                height:32px;
                                margin-top:15px;
                                margin-right:15px;
                            }
                        }

                        >.beauty-hover{
                            width:235px;
                            height:618px;
                            position: absolute;
                            left:0;
                            top:0;
                            z-index:1000;
                            transition: all 0.3s linear;
                        }

                    }

                    &:hover>a>.beauty-hover{
                        background-color:rgba(255, 255, 255,.3);
                    }
                }

                >.othergoods{
                    float:left;
                    width:995px;
                    height:618px;
                    
                    >.limitbox{
                        float:left;
                        width:482px;
                        height:299px;
                        margin-left:13px;
                        margin-bottom:15px;
                        padding:10px;
                        background-color:#fff;

                        >.limitgoods{
                            box-shadow: 0px 0px 3px #e0dddd;

                            >.numlimit{
                                width:464px;
                                height:57px;
                                background-color:#F1F1F1;
                                
    
                                >p{
                                    width:230px;
                                    height:57px;
                                    line-height:57px;
                                    text-align:center;
                                    font-size:18px;
                                    color:#fff;
                                    background-color:#00B262;
                                }
    
                            }
                            >.limitintro{
                                display:block;
                                width:464px;
                                height:225px;
                                background-color:#fff;
                                position:relative;
    
                                >img{
                                    float:right;
                                    margin-right:30px;
                                    margin-top:10px;
                                    width:200px;
                                    height:200px;
    
                                }
    
                                >.freepost{
                                    position: absolute;
                                    left:0;
                                    top:86px;
                                    width:291px;
                                    height:87px;
                                    background:transparent url(../img/market-limit-bg.png) no-repeat;
                                    z-index:10000;
    
                                    >.limittitle{
                                        width:265px;
                                        height:36px;
                                        margin:8px 0 0 26px;
                                        background-color:transparent;
                                        >span{
                                            font-size:24px;
                                            font-weight:700;
                                            margin-left:5px;
                                            color:#00B264;
                                        }
                                    }
    
                                    >span{
                                        font-size:20px;
                                        color:#000;
                                        margin-left:26px;
                                    }
                                    
                                }
                                >.limitshadow{
                                    position: absolute;
                                    left:0;
                                    top:0;
                                    width:464px;
                                    height:225px;
                                    background-color:transparent;
                                    z-index:1000;
                                }
                                
                                &:hover>.limitshadow{
                                    background-color:rgba(255, 255, 255,.4);
                                }
                            }
                        }
                    }

                    >a{
                        float:left;
                        display:flex;
                        flex-direction:column;
                        align-items:center;
                        width:234px;
                        height:300px;
                        background-color:#fff;
                        margin: 0 0 15px 13px;
                        border:1px solid #F1F1F1;
                        position:relative;
                        
                        >img{
                            width:185px;
                            height:185px;
                            margin-top:20px;
                        }

                        >span{
                            position:absolute;
                            left:22px;
                            top:20px;
                            width:185px;
                            height:185px;
                            background-color: transprent;
                            z-index:1000;
                        }
                        >p{
                            color:#000;
                            font-size:14px;
                            width:135px;
                            height:40px;
                            margin:8px 0;
                        }
                        >div{
                            color:red;
                            font-size:18px;
                        }
                        &:hover{
                            border:1px solid red;

                            >span{
                              background-color:rgba(255, 255,255,.3);
                            }
                        }
                    }
                }
            }
        }

        >#tianmaoend{
            height:80px;
            >img{
                width:80px;
                height:45px;
                margin-top:20px;
                position: absolute;
                left:50%;
            }
        }
    }
}

// footer

#footer{
    >.tmservice{
        border-bottom: 2px solid #FF0036;
        >.wrapper{
            >.tmensure{
                padding:25px 0px;
                border-bottom:2px solid #D1D7DC;
            }
    
            >.tmguide{
                padding-top:22px;
                height:190px;
                background:url(../img/tianmao-enbg.png) no-repeat 52px bottom /70px;
    
                >dl{
                    float:left;
                    width:186px;
                    margin-left:52px;
    
                    >dt{
                        height:30px;
                        line-height:30px;
                        font-size:16px;
                        font-weight:700;
                        color:#646464;
                    }
    
                    >dd>a{
                        display: block;
                        height:20px;
                        line-height:20px;
                        font-size:12px;
                        color:#8B8B8B;
    
                    }
    
                    &:last-child{
                        >dd>img{
                            width:105px;
                            height:105px;
    
                        }
                    }
                }
            }
        }
    }

    >.commsg{
        height:220px;
        padding-bottom:18px;
        background-color:#000;
        color:#fff;
        
        >.wrapper{
            >.tianmaocom{
                >ul{
                    padding:5px 0;
                    >li{
                        float:left;
        
                        >a{
                            color:#fff;
                            font-size:12px;
                            margin-right:3px;
                        }
                    }
                }
            }
            >.alicom{
                >ul{
                    padding:5px 0;
                    >li{
                        float:left;
                        height:35px;
                        line-height:35px;
                        >a{
                            color:#fff;
                            font-size:12px;
                            margin-right:3px;
                        }
                    }
                }
            }

            >.lawmsg{
                font-size:12px;
                

                >div{
                    line-height:18px;
                    >span{
                        margin-right:65px;
                        color:#A4A4A4;
                        
                        >a{
                            color:#A4A4A4;
                        }
                    }

                }

                >.tmcopyright{
                    color:#686868;
                }

                >.tmintecivl{
                    height:30px;
                    padding:5px 0;

                    >a:first-child{
                        display: inline-block;
                        width:30px;
                        height:30px;
                        margin-right:10px;

                        >img{
                            width:30px;
                            height:30px;
                        }
                    }

                    >a:last-child{
                        display: inline-block;
                        width:80px;
                        height:30px;

                        >img{
                            width:80px;
                            height:30px;
                        }
                    }
                }


            }
        }
    }

    >.footer-bottom{
        height: 18px;
        background-color:#000;
    }
}

// 导航
#nav-list{
    position: fixed;
    bottom: 5%;
    left: 50%;
    margin-left: -655px;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    transition: all 0.5s;
   >li{
       width: 36px;
       height: 36px;
       margin-bottom: 4px;
       
       >a{
           display: inline-block;
           width: 36px;
           height: 36px;
           padding:2px 6px;
           background-color: #626262;
           color: #fff;
           font-size: 12px;
       }

   }

   >li:first-child>a{
    background-color: rgb(247, 30, 30);
   }

   >li:last-child>a{
    background-color: rgba(138, 135, 135, 0.5);
   }

   >li:nth-child(2)>.active{
    background-color: rgb(54, 230, 30);
   }
   >li:nth-child(3)>.active{
    background-color: rgb(247, 30, 30);
   }
   >li:nth-child(4)>.active{
    background-color: rgb(230, 30, 187);
   }

   >li:nth-child(2)>a:hover{
    background-color: rgb(54, 230, 30);
   }
   >li:nth-child(3)>a:hover{
    background-color: rgb(5, 5, 5);
   }
   >li:nth-child(4)>a:hover{
    background-color: rgb(230, 30, 187);
   }
}

// 搜索
#index-search{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: none;
    overflow: hidden;
    line-height: 50px;
    background-color: rgba(255,0,54,.9);
    color: #fff;
    z-index: 9999999;

    >.wrapper{
        >span{
            float: left;
            >i{
                font-size: 30px;
            }
        }

        >input{
            float: left;
            width: 510px;
            height: 30px;
            outline:none;
            border: 0;
            text-indent: 2em;
            margin-left: 56px;
            color: #686868;
            margin-top: 10px;
        }

        >button{
            float: left;
            width:90px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            margin-top: 10px;
            border:0;
            outline: none;
            background-color: #FE0C3F;
            color: #fff;
            font-size: 16px;
        }
    }
}